<!DOCTYPE html>
<head>
<title>笑话大全</title>
<!--适应设备宽度-->
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta charset="UTF-8">
<link rel="stylesheet" href="mobile/jquery.mobile.icons-1.4.5.css">
<link rel="stylesheet" href="mobile/theme-classic.css">
<link rel="stylesheet" href="mobile/jquery.mobile.structure-1.4.5.css">
<link rel="shortcut icon" href="mobile/favicon.ico">
<script src="mobile/jquery.js"></script>
<script src="mobile/jquery.mobile-1.4.5.min.js"></script>
<script src="js/common.js"></script>
<script src="js/share.js"></script>
<script src="js/detail.js"></script>
<!-- web端分享 -->
<script src="js/webShare.js"></script>
<!-- 微信分享接口 -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

</head>
<body>
<div data-role="page" data-theme='c'>
	<div data-role="header" data-position="fixed" data-theme='b'>
		<a data-icon="home" href="javascript:goback()">首页</a>
	    <h1 id="detail_title"></h1>
	</div> 
	<div data-role="content">
		<p id="detail_content" style="font-size:17px;"></p>
	</div> 
	<div data-role="footer" data-theme='b' data-position="fixed" data-tap-toggle="false">
		<div data-role="navbar" data-theme='b'>
		    <ul>
		      <li><a id="heart" data-icon="heart" href="javascript:detailLike()">赞</a></li>
		      <li><a id="star" data-icon="star" href="javascript:detailStore()">收藏</a></li>
		      <li><a id="action" data-icon="action" onclick="detailShare()" data-theme="b"
		      <a id="action" data-icon="action" 
		       href="#popupMenu" data-rel="popup" data-position-to="window" data-role="button" data-theme="b">分享</a></li>
		    </ul>
		</div>
	</div> 
	<div data-role="popup" id="popupMenu" data-theme="b">
	    <ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="d">
	        <li><a href="javascript:doShare(1)">分享给微信朋友</a></li>
	        <li><a href="javascript:doShare(2)">分享到微信朋友圈</a></li>
	        <li><a href="javascript:doShare(3)">分享到新浪微博</a></li>
	    </ul>
	</div>
</div>
</body>
</html>